<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<link rel="stylesheet" type="text/css" href="{$_G['URL']['HEXIAO_CSS']}css/reset.css">
		<link rel="stylesheet" type="text/css" href="{$_G['URL']['HEXIAO_CSS']}css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="{$_G['URL']['HEXIAO_CSS']}css/style.css">
		<script src="{$_G['URL']['YX2020_CSS']}js/md5.js?v=2"></script>
		<script type="text/javascript" src="{$_G['URL']['PUBLIC_JS']}yx2020/ping.js?v=15"></script>
		<script src="{$_G['URL']['HEXIAO_CSS']}js/jquery.js"></script>
	</head>

	<body>
		<!-- newadd -->
		<div class="tabbars">
			<div class="on">第1个订单</div>
			<div>第2个订单</div>
			<div>第3个订单</div>
			<div>第4个订单</div>
		</div>
		<!-- newadd -->
		<div class="topBox">
			<div class="orderTit">
				<img src="images/order.png"> 我的订单信息——易宣软件
			</div>
			<ul>
				<li>
					<span class="loTag">团长</span>
					<img src="images/icon2.png">
				</li>
				<li>
					<span class="sofa">沙发</span>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
				<li>
					<img src="images/icon3.png">
				</li>
			</ul>
			<div class="tagNotice">还差<span>2</span>人，盼你如南方人盼暖气</div>
		</div>
		<div class="userBox">
			<div class="userTop">
				<div class="userImg"><img src="images/icon4.png"></div>
				<div class="userInfor">
					<h2>娟儿</h2>
					<p><span><img src="images/icon5.png">张娟儿</span><span><img src="images/icon6.png">15154637156</span></p>
				</div>
			</div>
			<div class="userIntroduce">
				<p>推荐企业: <span>巧克力森林</span></p>
				<p>专属客服: <span>周阳  18654692291</span></p>
			</div>
		</div>
		<div class="item">
			<div class="name">熊瞄国际皮肤管理中心</div>
			<div class="box">
				<div class="fl">
					<div>已核销</div>
					<p>客服：后台手工核销</p>
					<p>2020-06-25 16:46:48</p>
				</div>
				<div class="fr">
					<button>马上使用</button>
				</div>
			</div>
		</div>
		<div class="item">
			<div class="name">东方爱婴&爱幼贝贝</div>
			<div class="box">
				<div class="fl">
					<button>马上使用</button>
				</div>
				<div class="fr">
					<button>马上使用</button>
				</div>
			</div>
		</div>
		<div class="cost">
			<div class="costLeft">
				<h2>熊瞄国际皮肤管理中心</h2>
				<p>客服：后台手工核销</p>
			</div>
			<div class="costRight">
				<span>已核销</span>
				<div class="clear"></div>
				<p>2020-06-25 16:46:48</p>
			</div>
		</div>
		
		
		<div class="ticketBox">
			<h2>东方爱婴&amp;爱幼贝贝</h2>
			<a href="javascript:vodi(0)" class="getBtn">马上使用</a>
		</div>
		<div class="ticketBox">
			<h2>东方爱婴&amp;爱幼贝贝</h2>
			<a href="javascript:vodi(0)" class="getBtn">马上使用</a>
		</div>
		<div class="ticketBox">
			<h2>东方爱婴&amp;爱幼贝贝</h2>
			<a href="javascript:vodi(0)" class="getBtn">马上使用</a>
		</div>
		<div class="ticketBox">
			<h2>东方爱婴&amp;爱幼贝贝</h2>
			<a href="javascript:vodi(0)" class="getBtn">马上使用</a>
		</div>
		<div class="fixButton">
			<a href="" class="backActive">返回活动页面</a>
			<a href="" class="checkNot">查看支付凭证</a>
		</div>
		<div class="h200"></div>
		<div id="screen"></div>
		<div class="altBox">
			<div class="altTit">请找工作人员扫描此二维码</div>
			<div class="ewmBar">
				<div class="ewmImg"><img src="images/ewm.jpg"></div>
			</div>
		</div>
	</body>
	<script>
		$('.getBtn').click(function() {
			$('.altBox').fadeIn();
			$('#screen').fadeIn();
		})
		$('#screen').click(function() {
			$('.altBox').fadeOut();
			$('#screen').fadeOut();
		})
		$('.tabbars div').click(function() {
			var s = $(this).offset().left
			$(this).addClass('on').siblings().removeClass('on')
			$('.tabbars').animate({
				scrollLeft:s
			})
		})
	</script>

</html>